<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
		<link href="css/mui.picker.css" rel="stylesheet" />
		<link href="css/mui.poppicker.css" rel="stylesheet" />
		<style type="text/css">
			.mui-btn-block {
				font-weight: bold;
			}
			
			.title {
				padding: 15px;
				color: #11cd6e;
			}
			
			.title div {
				display: table-cell;
				height: 30px;
				vertical-align: middle;
			}
			
			.title span {
				font-size: 24px;
			}
			
			.amount {
				background-color: #fff;
				padding: 20px;
				text-align: center;
				border-bottom: solid 1px #eee;
			}
			
			.amount h1 {
				font-size: 40px;
				font-weight: normal;
				vertical-align: top;
			}
			
			.amount h1 span {
				font-size: 20px;
				vertical-align: top;
			}
			
			.list {
				background-color: #fff;
				padding: 10px;
			}
			
			.list table {
				width: 100%;
				color: #999;
			}
			
			.list td,
			.list th {
				padding: 4px;
			}
			
			.list th {
				text-align: left;
				font-weight: normal;
			}
			
			.list td {
				text-align: right;
			}
			
			.success {
				font-size: 25px;
				line-height: 1.5em;
			}
			
			.success .icon-success {
				font-size: 30px;
				line-height: 1.5em;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">刷卡取现</h1>
		</header>
		<div class="mui-content">
			<div class="mui-content-padded success color-green">
				<span class="mui-icon iconfont icon-success"></span> 取现成功
			</div>
			<div>
				<div>
					<div class="amount">
						<div class="mui-h3">￥<span class="mui-h1" id="ChangeBalance" v-text="model.WithdrawAmount.toFixed(2)">0.00</span></div>
						<div>到账金额</div>
					</div>
					<div class="list">
						<table>
							<tr>
								<th>当前状态</th>
								<td>处理中</td>
							</tr>
							<tr>
								<th>手续费</th>
								<td>￥<span v-text="model.WithdrawFee.toFixed(2)">0.00</span></td>
							</tr>
							<tr>
								<th>取现金额</th>
								<td>￥<span v-text="model.PayAmount">1000.00</span></td>
							</tr>
							<tr>
								<th>取现时间</th>
								<td v-text="model.CreateTime"></td>
							</tr>
							<tr>
								<th>取现单号</th>
								<td v-text="model.WithdrawID"></td>
							</tr>
							<tr>
								<th>取现信用卡</th>
								<td v-text="model.PayBankName + '(' + model.PayBankAccountNo.substr(model.PayBankAccountNo.length - 4) + ')'"></td>
							</tr>
							<tr>
								<th>收款储蓄卡</th>
								<td v-text="model.BankName + '(' + model.BankAccountNo.substr(model.BankAccountNo.length - 4) + ')'"></td>
							</tr>
						</table>
					</div>
				</div>
			</div>
			<div class="mui-content-padded pt-10">
				<button type="button" id="abc" class="mui-btn mui-btn-blue mui-btn-block mui-action-back">完成</button>
			</div>
		</div>
		<script src="js/mui.min.js"></script>
		<script src="js/app.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/vue.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/resources.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			mui.init();
			
			done = function () {
				//mui.back();
				plus.webview.getWebviewById("getcash-add.html").close();
				plus.webview.currentWebview().close();
			};

			init = function() {
				var wv = plus.webview.currentWebview();
				var data = wv.data;
								
				var vm = new Vue({
					el: '.mui-content',
					data: {
						'model': data
					},
					created: function() { 
					},
					computed: {},
					methods: {}
				});
			};

			mui.plusReady(function() {
				init();				
			});
		</script>
	</body>

</html>